/**********************整体布局*********************************/
.top.top2{
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
}
.myswiper {
	width: 100%;
	height: 3.62rem;
	top: 0;
	padding: 0;
}
.nav {
	width: 100%;
	height: 2.16rem;
	/*margin-top:4.48rem;*/
	background: #FFFFFF;
	box-sizing: border-box;
	/*padding: 0.3rem 0.3rem;*/
	padding:0;
	margin-bottom: 0.16rem;
}
.main {
	width: 100%;
	height: auto;
	min-height: 3rem;
	margin-top: 0.18rem;
	background: #FFFFFF;
	padding-bottom: 1rem;
	/*margin-bottom: 2rem;*/
}
/**************************整体布局  结束************************/

/**轮播图 开始*****/
.myswiper .swiper-container{
	width:100%;height: 3.62rem;
	box-sizing: border-box;
}
 .swiper-container .swiper-wrapper{
	
}
.swiper-container1 .swiper-wrapper .swiper-slide img{
	width:100%;height: 3.62rem;
}
#swiper-pagination1{
	box-sizing: border-box;
	display: flex;
	justify-content:center;
	 align-items:center;
	position: absolute;
	left: 6.6rem;
	width:0.54rem;height: 0.3rem;line-height: 0.3rem;
	font-size: 0.18rem;background: rgba(27,27,27,0.2);
	border-radius:0.4rem;
	color:#FFFFFF;
	/*letter-spacing: 1px;*/
}
.swiper-pagination-current,.swiper-pagination-total{
	font-size: 0.18rem;
}

/***********分页导航  开始***********/
.nav .swiper-container2{
	width:100%;height: 100%;
	overflow: hidden;
}
.nav .swiper-slide ul {
	width: 100%;
	margin-top:0.3rem;
	height: 1.20rem;
	padding: 0;
	overflow: hidden;
}

.nav .swiper-slide ul li {
	float: left;
	text-align: center;
	width: 25%;
	height: 1.2rem;
	padding: 0;
}

.nav .swiper-slide ul li a {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	padding-top: 0.12rem;
	box-sizing: border-box;
	background: white;
}

.nav .swiper-slide ul li a:active {
	background: #f5f5f5;
}

.nav .swiper-slide ul li a img {
	width: 0.55rem;
	height: 0.55rem;
	overflow: hidden;
	
}

.nav .swiper-slide ul li a div {
	width: 100%;
	height: 0.24rem;
	line-height: 0.24rem;
	margin-top: 0.12rem;
	font-size: 0.24rem;
	color: #333333;
}
#swiper-pagination2{
	position: absolute;
	margin-bottom: 0.3rem;bottom: 0;
	height: 0.11rem;line-height:0.11rem;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 0.11rem;
	height: 0.11rem;
	border-radius: 0.11rem;
	/*background: #f0f0f0;*/
	margin: 0 0.1rem;
	/*opacity: 0.6;*/
	/*border: 1px solid #afafaf;*/
	cursor: pointer;
	}
.swiper-pagination-bullet{
			background: #E9E9E9;
			opacity:0.6;
		}
.swiper-pagination-bullet-active{
			background: #ffffff;
			border:1px solid #D5D5D5; 
			opacity: 0.6;
	}
	
/***主体*****/
/*主体*/

.main_title {
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	box-sizing: border-box;
	color: #333333;
	font-size: 0.3rem;
	text-align: center;
}

.main_title .shoplogo2 {
	width: 0.30rem;
	height: 0.28rem;
	margin-right: 0.1rem;
	margin-top: -0.05rem;
}

.main .content {
	width: 100%;
	height: auto;
	min-height: 5rem;
	color: #333333;
}

.main .content ul {
	width: 100%;
	height: auto;
	margin: 0;
	box-sizing: border-box;
	padding: 0 1% 0 1%;
}

.main .content ul li {
	float: left;
	list-style: none;
	width: 50%;
	height: 4.85rem;
	margin-bottom: 0.15rem;
	text-align: center;
	box-sizing: border-box;
	padding: 0 0.075rem;
}

.main .content ul li .item_con {
	display: inline-block;
	width: 3.5rem;
	height: 4.85rem;
	box-sizing: border-box;
	text-align: center;
}

.main .content ul li .item_con a {
	display: block;
	width: 3.5rem;
	height: 4.85rem;
	cursor: pointer;
	padding: 0.1rem;
	background: white;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #F0f0f0;
}

.main .content ul li .item_con a:focus {
	cursor: pointer;
}

.main .content ul li .item_con a:active {
	cursor: pointer;
	background: #F5F5F5;
}

.content ul li .item_con a .goods_pic {
	width: 3.25rem;
	height: 3.25rem;
	margin-top: 0;
	overflow: hidden;
	background: #F5F5F5;
	border:1px solid #F0F0F0;
	box-sizing: border-box;
}

.content ul li .item_con a .c_name {
	width: 100%;
	height: 0.60rem;
	line-height: 0.3rem;
	font-size: 0.24rem;
	color: #333333;
	margin-top: 0.2rem;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 

}

.content ul li .item_con a .c_price {
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-top: 0.1rem;
	/*margin-bottom: 0.1rem;*/
	font-size: 0.24rem;
	color: #f94268;
	text-align: left;
}

.content ul li .item_con a .c_price .price {
	font-size: 0.3rem;
}

.add_buy {
	float: right;
	width: 0.5rem;
	height: 0.5rem;
	/*margin-right: 0.1rem;
	margin-bottom: 0.1rem;*/
	border-radius: 0.5rem;
	overflow: hidden;
	/*z-index: 99;*/
}

.add_buy .gobuy {
	width: 0.5rem;
	height: 0.5rem;
}



/********底部 开始**********/
.footer{
		position: fixed;z-index: 250;
		width:100%;height: 1rem;
		bottom:0;left: 0;
		background: #F7F7F7;
		border-top: 1px solid #E5E5E5;
	}
	

.footer>a{
		cursor: pointer;
		display: block;
		width:50%;height: 1rem;
		float:left;
		text-align: center;
		font-size: 0.23rem;color:#666666;
	}
.footer>a:active{
	background: #FFFFFF;
}
.footer>a img{
	width:0.46rem;height: 0.46rem;
	margin-top: 0.08rem;margin-bottom: 0.03rem;
}

.footer>a span{
	display: block;
	width:100%;
	text-align:center;
}

.amount{
	position: fixed;
	right:1.39rem;margin-top: 0.05rem;
	width:0.35rem;height: 0.35rem;
	line-height: 0.35rem;
	padding-top: 0.01rem;
	text-align: center;
	border-radius: 0.5rem;
	background: #fe4141;
	font-size: 0.22rem;color:#FFFFFF;
	box-sizing: border-box;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
/********底部 结束**********/